<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/用户添加.css">
</head>
<script type="text/javascript" src="js/jquery-3.1.1.js"></script>
    <script type="text/javascript">
            $(document).ready(function(){
            $('#uimage').change(function(e){
            var _URL = window.URL || window. webkitURL;
            var file, img;
            if ((file = this.files[0])) {
            img = new Image();
            img.onload = function() {
            $('#userImage ').attr( 'src', this.src);
            console.log(this.width)
            };
            img.src = _URL.createobjectURL(file);
            }
            });
            });
    </script>
<body>
    <head>
    
        <meta charset="UTF-8">
    
        <title>个人信息</title>
       
    
    
    </head>
    <div class="beijing">
        <h2 align="center">个人信息注册表</h2>
        <hr>
        <form action="addUser.do" method="post" id="form" enctype="multipart/form-data">
        <div class="left border-right " id="parent">
            <div class="poto">
                <img src="images/image.png" alt="" id="userImage">
                <input type="file" name="dimage" id="uimage" ></input>
            </div>  
            <div>
                <label class="label">头像 </label>
            </div>
                    
                </div> 
        
        <ul>
            <li>
               <label class="username">昵称</label>
               <span class="content">
               <input type= "text" name= "user" placeholder="请输入昵称" />
           </span> 
          </li>
          <li>
            <label class="username">用户名</label>
            <span class="content">
            <input type= "text" name= "user" placeholder="请输入用户名" />
        </span> 
        </li> <li>
            <label class="username">密码</label>
            <span class="content">
            <input type= "password" name= "username" placeholder="请输入密码" />
        </span> 
        </li> <li>
            <label class="username" > 角色名</label>
            <select class="val">
                <option value="管理员">管理员</option>
                <option value="贵宾">贵宾</option>
                <option value="商家">商家</option>
               </select>
        </span> 
        </li> 
      
            <div>
                <button type="submit" class="btn">添加</button>
               
            </div>
        </form>
                    
    </div>
    
</body>
</html>